// 导入path
const path = require('path')
const {
  resolve
} = require('path');
//导入在内存中自动生成 index 页面的插件
const HtmlWebPackPlugin = require('html-webpack-plugin')
// 创建一个插件实例对象
const htmlPlugin = new HtmlWebPackPlugin({
	template: path.join(__dirname, './src/index.html'), //源文件
	filename: 'index.html' //生成的内存中页面的名称
})

module.exports = {
	//入口起点
	entry: './src/index.js',
	//输出
	output: {
	  publicPath: "/",
	  filename: 'js/[name].js', //输出文件名
	  path: resolve(__dirname, 'build') //输出路径 __dirname 是node.js 文件变量  代表当前文件目录绝对路径
	},
	//环境模式
	mode: 'development',
	// mode: 'production', //默认
	plugins: [ //用来配置第三方插件的
		htmlPlugin
	],
	devServer: {
	  compress: true, //启动zip压缩
	  port: 6688,
	  open: false, //true自动打开默认浏览器 
	  hot: true //热模块替换，只更新相应修改过的模块 提高打包速度
	}
}
